﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Menu.Master" AutoEventWireup="true" CodeBehind="OrdenProduccionForm.aspx.cs" Inherits="Emporium_Web.OrdenProduccionForm" Theme="Constellation" %>

<%@ MasterType VirtualPath="~/Menu.master" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register TagPrefix="emporium" TagName="ClienteSearch" Src="~/Search/ClienteSearch.ascx" %>
<%@ Register src="Search/VarianteAdd.ascx" tagname="VarianteAdd" tagprefix="uc1" %>
<%@ Register src="Search/EstiloAdd.ascx" tagname="EstiloAdd" tagprefix="uc2" %>



<%@ Register src="Search/PedidoCompraEstiloAdd.ascx" tagname="PedidoCompraEstiloAdd" tagprefix="uc3" %>



<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="js/funciones.grid.js"></script>          
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <!-- Content -->
    <article class="container_12">
	  
		<section class="grid_12">
			<div class="block-border">
			<form runat="server" class="block-content form" id="table_form">
				<h1>Orden de Producción</h1>
                 <ajaxtoolkit:toolkitscriptmanager ID="toolk" runat="server"  EnableScriptGlobalization="true" EnableScriptLocalization="true" EnablePageMethods="true"></ajaxtoolkit:toolkitscriptmanager>
                
                <asp:UpdatePanel ID="upnEstilo" runat="server">
                <ContentTemplate>  
             
                <ul class="message warning no-margin" runat="server"  id="warningMessage">
					<li><asp:Label runat="server" ID="lblWarningMessage"></asp:Label></li>
				</ul>
                <ul class="message error no-margin" runat="server" id="errorMessage">
                    <li>
                        <asp:Label runat="server" ID="lblErrorMessage"></asp:Label></li>
                </ul>    

                 <ajaxtoolkit:TabContainer ID="tbcPedido" runat="server" ActiveTabIndex="0">
                 <ajaxtoolkit:TabPanel ID="TabPanel1" runat="server">
                 <HeaderTemplate>Datos de la Orden</HeaderTemplate>
                 <ContentTemplate>
                 <fieldset>  
                    <br />
                    <div style="width: 100%; height: 45px;">
                        <div style="width: 125px; float: left;">
                            <label>Nro O.P.</label>
                        </div>
                        <div align="left" style="float: left;">
                            <asp:TextBox ID="txtCodigo" runat="server" Width="120px" Enabled="False" Style="text-align:right;"></asp:TextBox>                            
                        </div>
                        <div style="width: 125px; float: left;padding-left:30px;">
                            <label>Estado</label>
                        </div>
                        <div align="left" style="float: left;">
                            <asp:TextBox ID="txtEstado" runat="server" Width="150px" Enabled="False"></asp:TextBox>                            
                        </div>
                    </div>  
                    <div style="width: 100%; height: 45px;">
                        <div style="width: 125px; float: left;">
                            <label>Fecha Registro</label>
                        </div>
                        <div align="left" style="float: left;">
                            <asp:TextBox ID="txtFechaRegistro" runat="server" Width="150px" Enabled="False"></asp:TextBox>                            
                        </div>
                    </div> 
                    
                     <div style="width: 100%; height: 45px;">
                        <div style="width: 125px; float: left;">
                            <label>Descripción</label>
                        </div>
                        <div align="left" style="float: left;">
                            <asp:TextBox ID="txtDescripcion" runat="server" Width="400px"></asp:TextBox>  
                            <asp:RequiredFieldValidator ID="reqDescripcion" runat="server" ControlToValidate="txtDescripcion" Text="Este campo es obligatorio" ValidationGroup ="OrdenProduccionValidation" />                          
                        </div>
                    </div>                                   
                    <div style="width: 100%; height: 45px; float: inherit;">
                        <div style="width: 125px; float: left;">
                            <label>
                                Cliente</label>
                        </div>
                        <div align="left" style="width: 70%; float: left;">
                            <emporium:ClienteSearch ID="clienteSearch" runat="server" ValidationGroup ="OrdenProduccionValidation" EnabledTextBox="false"/>                            
                        </div>
                    </div>
                    <div style="width: 100%; height: 45px; float: inherit;">
                        <div style="width: 125px; float: left;">
                            <label>
                                Estilo</label>
                        </div>
                        <div align="left" style="width: 70%; float: left;">
                             <asp:TextBox ID="txtCodigoEstilo" runat="server" Width="120px" Style="text-align:right;" Enabled="false" onKeyPress ='return ValidarInputNumerico(event)'></asp:TextBox>         
                            <asp:Button ID="btnBuscarEstilo" runat="server" Text="..."  CssClass="button" 
                                CausesValidation="False" onclick="btnBuscarEstilo_Click"/>
                            <uc2:EstiloAdd ID="estiloAdd" runat="server" OnagregarClick ="estiloAdd_Seleccionado"/>
                            <asp:RequiredFieldValidator ID="reqEstilo" runat="server" ControlToValidate="txtCodigoEstilo" Text="Este campo es obligatorio" ValidationGroup ="OrdenProduccionValidation" />
                        </div>
                    </div>
                    <div style="width: 100%; height: 45px; float: inherit;">
                        <div style="width: 125px; float: left;">
                            <label>
                                Variante</label>
                        </div>
                        <div align="left" style="width: 70%; float: left;">
                              <asp:TextBox ID="txtCodigoVariante" runat="server" Width="120px" Style="text-align:right;"  Enabled="false" onKeyPress ='return ValidarInputNumerico(event)'></asp:TextBox>         
                            <asp:Button ID="btnBuscarVariante" runat="server" Text="..."  CssClass="button" 
                                CausesValidation="False" onclick="btnBuscarVariante_Click"/>
                            <uc1:VarianteAdd ID="varianteAdd" runat="server" OnagregarClick ="varianteAdd_Seleccionado"/>
                            <asp:RequiredFieldValidator ID="reqVariante" runat="server" ControlToValidate="txtCodigoVariante" Text="Este campo es obligatorio" ValidationGroup ="OrdenProduccionValidation" />
                        </div>
                    </div>
                    <div style="width: 100%; height: 45px; float: inherit;">
                        <div style="width: 125px; float: left;">
                            <label>Fecha Objetivo</label>
                        </div>
                        <div align="left" style="width: 70%; float: left;">
                              <asp:TextBox ID="txtFechaObjectivo" runat="server" Width="130px" MaxLength="1" style="text-align:justify"/>
                            <asp:ImageButton ID="imgFechaObjectivo" runat="server" ImageUrl="~/images/Calendar_scheduleHS.png" CausesValidation="False" />
                            <ajaxToolkit:MaskedEditExtender ID="meeFechaObjectivo" runat="server"
                                TargetControlID="txtFechaObjectivo"
                                Mask="99/99/9999"
                                MaskType="Date"
                                ErrorTooltipEnabled="True" CultureAMPMPlaceholder="" 
                                  CultureCurrencySymbolPlaceholder="" CultureDateFormat="" 
                                  CultureDatePlaceholder="" CultureDecimalPlaceholder="" 
                                  CultureThousandsPlaceholder="" CultureTimePlaceholder="" Enabled="True" />
                            <ajaxToolkit:MaskedEditValidator ID="mevFechaObjectivo" runat="server"
                                ControlExtender="meeFechaObjectivo"
                                ControlToValidate="txtFechaObjectivo"
                                EmptyValueMessage="Fecha es requerida"
                                InvalidValueMessage="Fecha es invalida"
                                IsValidEmpty="False"
                                Display="Dynamic"
                                TooltipMessage="Ingrese una fecha"                                                
                                ValidationGroup="OrdenProduccionValidation" ErrorMessage="mevFechaObjectivo" />
                             <ajaxToolkit:CalendarExtender ID="ceFechaObjectivo" runat="server" 
                                  TargetControlID="txtFechaObjectivo" PopupButtonID="imgFechaObjectivo" 
                                  Enabled="True" /> 
                        </div>
                    </div>                   
                </fieldset>
                </ContentTemplate>
                </ajaxtoolkit:TabPanel>


               
                <ajaxtoolkit:TabPanel ID="TabPanel2" runat="server">
                <HeaderTemplate>Detalles de la Orden</HeaderTemplate>
                <ContentTemplate>

                <fieldset>
                 <br />
                 <div style="width:75%; float:left;" align="left">                    
                    <label>Detalle de OP.</label>
                    <asp:GridView ID="gvDetalleOrden" runat="server" SkinID="gridviewSkin" Width="100%"
                            AutoGenerateColumns="False" ShowFooter="false" 
                         DataKeyNames = "OrdProDet_Id,OrdProDet_Secuencia,PedCom_Id" onrowdatabound="gvDetalleOrden_RowDataBound" 
                         onselectedindexchanged="gvDetalleOrden_SelectedIndexChanged">
						<Columns>
                            <asp:CommandField ButtonType="Image" SelectImageUrl="~/images/unselected.png" ShowSelectButton="True" >
                                <HeaderStyle/>
                            </asp:CommandField>
                            <asp:TemplateField HeaderText="Sec."  HeaderStyle-HorizontalAlign="Left">                                 
                                <ItemTemplate> 
                                    <asp:Label ID="lblSecuencia" runat="server" Text='<%# Bind("OrdProDet_Secuencia","{0:000}") %>'></asp:Label> 
                                </ItemTemplate> 
                                <ItemStyle Width="5%" />
                            </asp:TemplateField> 
                            <asp:TemplateField HeaderText="Etiqueta" HeaderStyle-HorizontalAlign="Left">                                 
                                <ItemTemplate> 
                                    <asp:Label ID="lblEtiqueta" runat="server" Text='<%# Bind("OrdProDet_Color") %>'></asp:Label> 
                                </ItemTemplate> 
                                <ItemStyle Width="20%" />
                            </asp:TemplateField>
                           <asp:TemplateField HeaderText="Talla" HeaderStyle-HorizontalAlign="Left">                                 
                                <ItemTemplate> 
                                    <asp:Label ID="lblTalla" runat="server" Text='<%# Bind("OrdProDet_Talla") %>'></asp:Label> 
                                </ItemTemplate> 
                                <ItemStyle Width="20%" />
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Cnt.Sol." HeaderStyle-HorizontalAlign="Left">                                 
                                <ItemTemplate>                                     
                                    <asp:Label  ID="lblCodigoDetalle1" runat="server" Text='<%# Eval("OrdProDet_Secuencia") %>' style=" display:none;"></asp:Label>
                                    <asp:TextBox ID="txtCantidadSolicitada" runat="server" Width="100" onKeyPress ='return ValidarInputNumerico(event)' onChange='ActualizarCantidadSolicitado(event,this)' Text ='<%# Bind("OrdProDet_CantidadSolicitada") %>'></asp:TextBox>
                                </ItemTemplate> 
                                <ItemStyle Width="20%" />
                            </asp:TemplateField>
                             <asp:TemplateField HeaderText="Cnt.Prod." HeaderStyle-HorizontalAlign="Left">                                 
                                <ItemTemplate>                                     
                                    <asp:Label  ID="lblCodigoDetalle2" runat="server" Text='<%# Eval("OrdProDet_Secuencia") %>' style=" display:none;"></asp:Label>
                                    <asp:TextBox ID="txtCantidadProducida" runat="server" Width="100" onKeyPress ='return ValidarInputNumerico(event)' onChange='ActualizarCantidadProducido(event,this)' Text ='<%# Bind("OrdProDet_CantidadProducida") %>'></asp:TextBox>
                                </ItemTemplate> 
                                <ItemStyle Width="20%" />
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Pedido" HeaderStyle-HorizontalAlign="Left">                                 
                                <ItemTemplate> 
                                    <asp:Label ID="lblPedido" runat="server" Text='<%# Bind("PedCom_Id","{0:00000}") %>'></asp:Label> 
                                </ItemTemplate> 
                                <ItemStyle Width="10%" />
                            </asp:TemplateField>	
						</Columns>  
						<PagerSettings Visible="false" />
					</asp:GridView> 
                     
                    <div align="left" style="width:100%; float:inherit; vertical-align:middle; padding-top:15px;">
					        <asp:LinkButton ID="btnDetalleOrdenAdicionar" runat="server" Text="Adicionar" OnClick="btnDetalleOrdenAdicionar_Click" CssClass="button"/>
				            <asp:LinkButton ID="btnDetalleOrdenEliminar" runat="server" Text="Eliminar" OnClick="btnDetalleOrdenEliminar_Click" CssClass="button"/>					            
				            <uc3:PedidoCompraEstiloAdd ID="pedidoCompraEstiloAdd" runat="server" OnSeleccionado="agregarDetalle_Click" />
				    </div>    


                    <div align="left" style="width:100%; float:inherit; vertical-align:middle; padding-top:15px;">
                            <em><span style="font-size: 9pt">NOTA: Cantidad Producida debe ser mayor a la Solicitada hasta un máximo del 10% de la Cantidad Solicitada.</span></em>           
                    </div>
                </div>				

                    
                </fieldset>			                

                 </ContentTemplate>
                 </ajaxtoolkit:TabPanel>

                 </ajaxtoolkit:TabContainer>

                 <br />
                 <fieldset class="grey-bg no-margin">
				<br />
						<asp:LinkButton ID="btnGrabar" runat="server" CssClass="button red" 
                        Text="Grabar"  ValidationGroup="OrdenProduccionValidation" 
                        onclick="btnGrabar_Click"></asp:LinkButton>
                        <asp:LinkButton ID="btnAtras" runat="server" CssClass="button red" 
                        Text="Atrás" CausesValidation="false" onclick="btnAtras_Click"></asp:LinkButton>
				</fieldset>

                </ContentTemplate>
                </asp:UpdatePanel>


			</form>
			</div>
		</section>
	</article>

    <script type="text/javascript">
  
        function ActualizarCantidadSolicitado(e, txt) {
            PageMethods.actualizarCantidadSolicitado($(txt).parent()[0].children[0].innerHTML, $(txt).parent()[0].children[1].value);
            return false;
        }

        function ActualizarCantidadProducido(e, txt) {
            PageMethods.actualizarCantidadProducido($(txt).parent()[0].children[0].innerHTML, $(txt).parent()[0].children[1].value);
            return false;
        }        

        function ValidarInputNumerico(e) {
            var valid = "0123456789"
            return ValidaInput(valid, e);
        }
        
        function ValidarInputDecimal(e) {
            var valid = "0123456789.";
            return ValidaInput(valid, e);

        }

        function ValidaInput(valid, e) {
            var keyAscii = (document.all) ? event.keyCode : e.which;
            if (keyAscii != 13) {
                var key = String.fromCharCode(keyAscii);
                var keyAj = key.toUpperCase();
                if (valid == '') {
                    return true;
                }
                if (valid.indexOf(keyAj) == "-1") {
                    if (keyAscii != 8 && keyAscii != 0) { return false };
                    return true;
                }
                return true;
            }
        }

    </script>
</asp:Content>
